<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>员工管理系统</title>
    <link rel="stylesheet" href="./common/css/sccl.css">
    <link rel="stylesheet" type="text/css" href="./common/skin/qingxin/skin.css" id="layout-skin" />
</head>

<body>
    <div class="layout-admin">
        <header class="layout-header" id="app">
            <span class="header-logo">欢迎使用员工管理系统</span>
            <a class="header-menu-btn" href="javascript:;"><i class="icon-font">&#xe600;</i></a>
            <ul class="header-bar">
                <li class="header-bar-role"><a href="javascript:;">角色名</a></li>
                <li class="header-bar-nav">
                    <a href="javascript:;">{{ user.realname }}<i class="icon-font" style="margin-left:5px;">&#xe60c;</i></a>
                    <ul class="header-dropdown-menu">
                        <li><a href="javascript:;" @click="exit()">退出</a></li>
                    </ul>
                </li>
            </ul>
        </header>                                                
        <aside class="layout-side">
            <ul class="side-menu">
                <li class="menu-header menu-item">功能菜单</li>
                <li class="menu-item"><a><i class="icon-font "></i><span>管理员信息管理</span><i class="icon-font icon-right"></i></a>
                    <ul class="menu-item-child" id="menu-child-3"  style="display: none;">
                        <li><a href="listadmin.html"><i class="icon-font"></i><span>管理员信息列表</span></a></li>
                        <li><a href="editpwd.html"><i class="icon-font"></i><span>修改密码</span></a></li>
                    </ul>
                </li>
                <li class="menu-item"><a><i class="icon-font "></i><span>部门信息管理</span><i class="icon-font icon-right"></i></a>
                    <ul class="menu-item-child" id="menu-child-3"  style="display: none;">
                        <li><a href="listdept.html"><i class="icon-font"></i><span>部门信息列表</span></a></li>
                    </ul>
                </li>
                <li class="menu-item"><a><i class="icon-font "></i><span>职务信息管理</span><i class="icon-font icon-right"></i></a>
                    <ul class="menu-item-child" id="menu-child-3"  style="display: none;">
                        <li><a href="listduty.html"><i class="icon-font"></i><span>职务信息列表</span></a></li>
                    </ul>
                </li>
                <li class="menu-item"><a><i class="icon-font "></i><span>员工信息管理</span><i class="icon-font icon-right"></i></a>
                    <ul class="menu-item-child" id="menu-child-3"  style="display: none;">
                        <li><a href="listemploy.html"><i class="icon-font"></i><span>员工信息列表</span></a></li>
                    </ul>
                </li>
                <li class="menu-item"><a><i class="icon-font "></i><span>员工考勤管理</span><i class="icon-font icon-right"></i></a>
                    <ul class="menu-item-child" id="menu-child-3"  style="display: none;">
                        <li><a href="listattend.html"><i class="icon-font"></i><span>员工考勤列表</span></a></li>
                    </ul>
                </li>
                <li class="menu-item"><a><i class="icon-font "></i><span>员工奖惩管理</span><i class="icon-font icon-right"></i></a>
                    <ul class="menu-item-child" id="menu-child-3"  style="display: none;">
                        <li><a href="listrewards.html"><i class="icon-font"></i><span>员工奖惩列表</span></a></li>
                    </ul>
                </li>
                <li class="menu-item"><a><i class="icon-font "></i><span>员工培训管理</span><i class="icon-font icon-right"></i></a>
                    <ul class="menu-item-child" id="menu-child-3"  style="display: none;">
                        <li><a href="listtrains.html"><i class="icon-font"></i><span>员工培训列表</span></a></li>
                    </ul>
                </li>
                <li class="menu-item"><a><i class="icon-font "></i><span>员工薪资管理</span><i class="icon-font icon-right"></i></a>
                    <ul class="menu-item-child" id="menu-child-3"  style="display: none;">
                        <li><a href="listsalary.html"><i class="icon-font"></i><span>员工薪资列表</span></a></li>
                    </ul>
                </li>
            </ul>
        </aside>


        <div class="layout-side-arrow">
            <div class="layout-side-arrow-icon"><i class="icon-font">&#xe60d;</i></div>
        </div>

        <section class="layout-main">
            <div class="layout-main-tab">
                <button class="tab-btn btn-left"><i class="icon-font">&#xe60e;</i></button>
                <nav class="tab-nav">
                    <div class="tab-nav-content">
                        <a href="javascript:;" class="content-tab active" data-id="welcome.html">首页</a>
                    </div>
                </nav>
                <button class="tab-btn btn-right"><i class="icon-font">&#xe60f;</i></button>
            </div>
            <div class="layout-main-body">
                <iframe class="body-iframe" name="iframe0" width="100%" height="99%" src="" frameborder="0" seamless></iframe>
            </div>
        </section>
    </div>

    <script type="text/javascript" src="./common/lib/jquery-1.9.0.min.js"></script>
    <script type="text/javascript" src="./common/js/sccl.js"></script>
    <script src="./common/js/vue.js"></script>
    <script src="./common/js/axios.min.js"></script>
    <!-- 引入elementui组件库 -->
    <script src="./common/element/element.js"></script>
	<script type="text/javascript">
		const vue = new Vue({ // 实例化Vue对象
			el: '#app',// 绑定作用域
			data: { //定义数据
				user: null
			},
			methods: {
                // 退出登录
				exit(){
                    localStorage.removeItem('userInfo')
                    location.href = 'index.html'
                }
			},
            created(){
                this.user = JSON.parse(localStorage.getItem('userInfo'))

            }
		})
	</script>
</body>

</html>

